@import "style.scss";
@mixin itemIcon($br_color, $ba_color,$xa_color) {
    width: px2rem(25);
    height: px2rem(25);
    border-radius: 50%;
    position: relative;
     background-color: $br_color;
    border: px2rem(1) solid $ba_color;
    margin-right: px2rem(15);
    &::after {
        content: '';
        position: absolute;
        top: 0;
        bottom: px2rem(3);
        left: 0;
        right: 0;
        margin: auto;
        width: px2rem(10);
        height: px2rem(5);
        transform: rotate(-45deg);
        border-bottom: px2rem(1) solid $xa_color;
        border-left: px2rem(1) solid $xa_color;
    }
}

.content {
    padding-top: px2rem(44);
    .title {
        font-weight: bold;
        background-color: #fff;
        border-bottom: px2rem(15) solid #F4F4F4;
    }
    .list-wapper {
        padding-left: px2rem(15);
        .list-item {
            display: flex;
            align-items: center;
            .item-text {
                flex: 1;
                font-size: px2rem(14);
                padding: px2rem(15) 0;
                padding-right: px2rem(15);
                border-bottom: px2rem(0.5) solid #E2E2E2;
            }
            .item-icon1 {
               @include itemIcon(#fff,#ababab,#ababab);
            }
            .item-icon2 {
                @include itemIcon(#FF5D5E,#FF5D5E,#fff);
            }
        }
    }
}